<template>
  <div class="app-container">
    <el-tabs :tab-position="tabPosition">

      <el-tab-pane v-permission="permission.http" label="HTTP请求日志">
        <httpLogPage></httpLogPage>
      </el-tab-pane>

      <el-tab-pane v-permission="permission.socket" label="TCP Socket日志">
        <socket-log-page></socket-log-page>
      </el-tab-pane>

      <el-tab-pane v-permission="permission.webservice" label="WebService日志">
        <webserviceLogPage></webserviceLogPage>
      </el-tab-pane>

    </el-tabs>
  </div>

</template>

<script>

import httpLogPage from '../externalLog/http/index'
import socketLogPage from '../externalLog/socket/index'
import webserviceLogPage from '../externalLog/webservice/index'

export default {
  name: 'ExternalLog',
  components:{ httpLogPage,socketLogPage,webserviceLogPage },
  data() {
    return {
      tabPosition: 'left',
      permission: {
        http: ['admin', 'sysExternalHttpLog:list'],
        socket: ['admin', 'sysExternalSocketLog:list'],
        webservice: ['admin', 'sysExternalWebserviceLog:list']
      }
    }
  },
  methods: {

  },
  mounted() {
    console.log(this)
  }
}
</script>

<style scoped>

</style>
